<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>果果街</title>
<link href="../../css/v4/common/base.css" type="text/css" rel="stylesheet" />
<link href="../../css/v4/common/hf.css" type="text/css" rel="stylesheet" />
<link href="../../css/v4/detail.css" type="text/css" rel="stylesheet" />
<link  type="text/css" rel="stylesheet" href="/css/v4/lr.css"/>
<%@include file="../common/js.jsp"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!--[if ie 6]><script src="/js/v3/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie]><link href="../../css/v4/common/IE.css" type="text/css" rel="stylesheet"><![endif]-->
</head>

<body>
	<!-- head -->
	<%@include file="../common/header.jsp"%> 
	<!-- head--end-->
    
    <!-- body -->
    
    <div class="w100p pt20 pb35">
    	<div class="w980 mg clearfix">
        	
            <!-- huabao-title -->
            <div class="nav_tit_top">
            	<div class="nav_s1">
                	<a href="amoys.htm">妈妈帮淘</a>&nbsp;/&nbsp;<a href="#">${dp.title }</a>
                </div>
                <div class="tit_box">
                	<a href="#" class="title">${dp.title}</a>
                    <div class="rela_nums">
                    	<span>图片<i>(${fn:length(doingList)})</i></span>
                        <span>评论<i>(${dp.commentAmount })</i></span>
                    </div>
                </div>
            </div>
            <!-- huabao-title--end-->
        
        	<div class="dc_left">
            	<div class="box_s8">
					<div class=" hb_pd_s1">
                    	<ul class="lay_lr_box hb_c">
                    		<c:forEach items="${doingList}" var="doing">
                    			<c:forEach items="${doing.doingObj.doingPictureList}" var="dPic">
		                            <li class="last">
		                            	<div class="l_box">
		                                	<a href="#" class="pic"><img src="${dPic.picUrl}_320xXXX.jpg" class="block" alt="${doing.doingObj.content}"/></a>	
		                                </div>
		                                <div class="r_box">
		                                	<p class="date"><fmt:formatDate value="${dPic.gmtCreated}" pattern="MM-dd" /></p>
		                                    <p class="info">${doing.doingObj.content}</p>
		                                </div>
		                            </li>
	                            </c:forEach>
                         	</c:forEach>   
                        </ul>
                        
                        <!-- comment -->
                        <div class="comment_rel_s2 hb_comment">
                            <ul class="lay_lr_box">
	                            <c:forEach items="${commentModel.list}" var="comm">
	                                <li>
	                                    <div class="l_box">
	                                        <a href="/member/tashare.htm?ta=${comm.member }"><img src="${comm.memberImageServer}${comm.memberAvatar}" class="block" width="30" height="30"/></a>
	                                    </div>
	                                    <div class="r_box">
	                                        <a href="/member/tashare.htm?ta=${comm.member }" class="rev_name">${comm.commentUserName}</a>
	                                        <p class="rev_content">${comm.showCommentContent}</p>
	                                    </div>
	                                </li>
	                              </c:forEach>
                            </ul>
                        </div>
                        <!-- comment--end-->
                        
                        <!-- comment-frame -->
                        <div class="com_rev_wrap">
                            <div class="com_rev_box ">
                                <h3>添加回复</h3>
                                <div class="rev_area">
	                                <div id="content_error" class="tip">
											<p >
												还能输入<i>140</i>个字
											</p>
										</div>
                                	<!-- <p class="tip">还能输入<i>140</i>个字</p> -->
                                    <textarea class="focus" onkeyup="GUOGUO.remain('purple_content','content_error',140)" onkeydown="GUOGUO.remain('purple_content','content_error',140)"title="输入框" id="purple_content"></textarea>
                                    <div class="comment_else_ope">
                                       
                                        <c:if test="${onlineUser.member!=null }">
											 <input type="button" class="def_btn_s5 fr" value="回 复" onclick="replyPldoing('${dp.identifier}')" id="replyPldoing"/>
										</c:if>
										<c:if test="${onlineUser.member==null }">
											<input type="button" class="def_btn_s5 fr" value="回 复" onclick="GUOGUO.memberLogin();"/> 
										</c:if>
                                       		<%@include file="comface.jsp"%>
                                        <br class="clear" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- comment-frame--end -->
                    </div>
                	<div class="shadow"></div>
                </div>
                
                <!-- fanye -->
                	<div class="fanye mt50" id="pager"></div>
                <!-- fanye--end-->
            </div>
            <!-- right-->
            <div class="dc_right">
            	<div class="box_s9">
                	<div class="home_new com_front">

                            <div class="lay_lr_box basic_info">
                                <div class="l_box">
                                    <a href="/member/tashare.htm?ta=${member.identifier}" class="pic"><img src="${member.imageServer }${member.avatar }" class="block" width="81px;"height="81px;"/></a>
                                </div>
                                <div class="r_box">
                                    <p class="title">
                                        <a href="/member/tashare.htm?ta=${member.identifier}" >${member.nickname }</a>
                                    </p>
                                    <p class="person_rel">
                                        <!-- <img src="../../images/v4/other/icon_6.png" class=" daren"/>  -->
                                    </p>
                                    <p class="attach_info">
						                  	<c:if test="${not empty member.memberDetail.city}">所在地：${member.memberDetail.city }</c:if>
						           </p>
                                </div>
                                <div class="clear"></div>
                                <p class="person_info">
	                    			 简介：<c:choose><c:when test="${not empty member.memberDetail.introduction}">${member.memberDetail.introduction}</c:when><c:otherwise>这个家伙很懒，什么都没留下</c:otherwise></c:choose>
	               				  </p>
	               				  <c:if test="${dp.member!= myMember.identifier}">
	                                 <div class="home_gz_box mt10" id="cover_add_gz">
				                           <c:if test="${follow<=0 || empty onlineUser.member}"><a href="javascript:void(0)" class="add_gz" onclick="addFans('${member.identifier}','cover');">+&nbsp;关注</a></c:if>
				                           <c:if test="${follow>0 }">
				                           		<span class="already_gz" style="display: inline-block;">已关注</span>
				                           		<a href="javascript:void(0)" class="ml10" onclick="cancelFans('${member.identifier}','cover');">取消</a>
				                           </c:if>
				                            <c:if test="${onlineUser.member!=null && member.identifier!=myMember.identifier}">
				                           		<a href="#" class="send" onclick="sendMsg('${member.identifier}');">给TA发私信</a>
				                           </c:if>
				                           <c:if test="${onlineUser.member==null}">
				                           		<a href="#" class="send" onclick="GUOGUO.memberLogin();">给TA发私信</a>
				                           </c:if>
				                           
				                     </div>
			                     </c:if>
                            </div>
                            <div class="home_com_s1">
					              <div class="concern_title">
					                  <span>关注</span><span>粉丝</span><span>收藏</span><span>分享</span>
					              </div>
					              <div class="concern_nums">
					                  <span><a href="/member/follow.htm">${member.followCount }</a></span><span><a href="/member/fans.htm">${member.fansCount }</a></span><span><a href="/member/mylove.htm">${member.loveCount }</a></span><span><a href="/member/myshare.htm">${member.shareProductCount }</a></span>
					              </div>		
					          </div>
					          <c:if test="${onlineUser.member!=null && member.identifier==myMember.identifier}">
		                            <div class="add_hb">
											<a href="#" class="def_btn_s14" onclick="imgUpload('${dp.identifier}');">为本画报添加更多图片</a>
		                            </div>
                             </c:if>
                    </div>
                     <c:if test="${onlineUser.member==null || member.identifier!=myMember.identifier}">
                    <div class=" hb_pd_s4">
                        <div class="hb_content_box">
                            <h3>TA的更多画报</h3>
                            <!-- three-pic -->
                            <c:if test="${fn:length(doingListOne)>2}">
	                            <div class="box_s1" >
	                                <div class="pro_box hb_pic_3">
	                                    <div class="love_comment_ope">
	                                    </div>
	                                    <a href="/picdoingshow.htm?plid=${dpOne.identifier}" class="pic block"><img src="${doingListOne[0].doingObj.doingPictureList[0].picUrl}_200x200.jpg" width="200" height="301" class=" block"/></a>
	                                    <div class="hb_three_box">
	                                        <a href="/picdoingshow.htm?plid=${dpOne.identifier}" class="fl"><img src="${doingListOne[1].doingObj.doingPictureList[0].picUrl}_100x100.jpg" width="100" height="75" class="block"/></a>
	                                        <a href="/picdoingshow.htm?plid=${dpOne.identifier}" class="fl"><img src="${doingListOne[2].doingObj.doingPictureList[0].picUrl}_100x100.jpg" width="100" height="75" class="block"/></a>
	                                    </div>
	                                </div>
	                                <div class="hb_pro_t">
	                                     <a href="#" class="title">${dpOne.title}</a> 
	                                </div>
	                                
	                                <div class="hb_pro_info">
	                                    <ul class="lay_lr_box">
	                                        <li>
	                                            <div class="l_box">
	                                            </div>
	                                            <div class="r_box">
	                                                <p class="name">
	                                                </p>
	                                                <div class="hb_rel_nums">
	                                                    <span>围观(<i>${dpOne.viewAmount}</i>)</span>
	                                                    <span>评论(<i>${dpOne.commentAmount}</i>)</span>
	                                                </div>
	                                            </div>
	                                        </li>
	                                    </ul>
	                                </div>
	                            </div>
                           </c:if>
                            <!-- three-pic--end-->
                            
                            <!-- second-pic-->
                            <c:if test="${fn:length(doingListOne)==2}">
		                            <div class="box_s1"  >
		                                <div class="pro_box hb_pic_3">
		                                    <div class="love_comment_ope">
		                                    </div>
		                                    <a href="/picdoingshow.htm?plid=${dpOne.identifier}" class="pic block"><img src="${doingListOne[0].doingObj.doingPictureList[0].picUrl}_200x200.jpg" width="200" height="301" class=" block"/></a>
		                                    <div class="hb_two_box">
		                                        <a href="/picdoingshow.htm?plid=${dpOne.identifier}" class="fl"><img src="${doingListOne[1].doingObj.doingPictureList[0].picUrl}_200x200.jpg" width="200" height="301" class="block"/></a>
		                                    </div>
		                                </div>
		                                <div class="hb_pro_t">
		                                     <a href="/picdoingshow.htm?plid=${dpOne.identifier}" class="title">${dpOne.title}</a>
		                                </div>
		                                
		                                <div class="hb_pro_info">
		                                    <ul class="lay_lr_box">
		                                        <li>
		                                            <div class="l_box">
		                                            </div>
		                                            <div class="r_box">
		                                                <p class="name">
		                                                </p>
		                                                <div class="hb_rel_nums">
		                                                     <span>围观(<i>${dpOne.viewAmount}</i>)</span>
	                                                    <span>评论(<i>${dpOne.commentAmount}</i>)</span>
		                                                </div>
		                                            </div>
		                                        </li>
		                                    </ul>
		                                </div>
		                            </div>
                            </c:if>
                            <!-- second-pic--end-->
                            
                            <!-- one-pic -->
                            <c:if test="${fn:length(doingListOne)==1}">
		                            <div class="box_s1" >
		                                
		                                <div class="pro_box hb_pic_3">
		                                    <div class="love_comment_ope">
		                                    </div>
		                                    <a href="/picdoingshow.htm?plid=${dpOne.identifier}" class="pic block"><img src="${doingListOne[0].doingObj.doingPictureList[0].picUrl}_200x200.jpg" width="200" height="301" class=" block"/></a>
		                                </div>
		                                <div class="hb_pro_t">
		                                     <a href="/picdoingshow.htm?plid=${dpOne.identifier}" class="title">${dpOne.title}</a>
		                                </div>
		                                
		                                <div class="hb_pro_info">
		                                    <ul class="lay_lr_box">
		                                        <li>
		                                            <div class="l_box">
		                                            </div>
		                                            <div class="r_box">
		                                                <p class="name">
		                                                </p>
		                                                <div class="hb_rel_nums">
		                                                    <span>围观(<i>${dpOne.viewAmount}</i>)</span>
		                                                    <span>评论(<i>${dpOne.commentAmount}</i>)</span>
		                                                </div>
		                                            </div>
		                                        </li>
		                                    </ul>
		                                </div>
		                            </div>
                            </c:if>
                            <!-- one-pic--end -->
                            
                        </div>
                    </div>	
                    </c:if>
                    <div class="shadow"></div>
                </div>	
            </div>
            <!-- right--end-->
        </div>
    </div>
    
    <!-- body--end-->
    <script type="text/javascript">
	    function replyPldoing(plId){
				$("#replyPldoing").attr("onclick","");
				$.post("saveReplyPldoing.htm", {
						'content' : $("#purple_content").val(),
						'commentId':plId,
						'commentIdType':'pictorial',
						'ownerType':'member',
						'type':'reply'
					}, function(data) {
						window.location.href="/picdoingshow.htm?plid="+plId;
					});
			}
	    function imgUpload(dpid) {
			var size = $("#lb_pic").size();
			if (size < 1) {
				$("body")
						.append(
								'<div class="release_box up_load_box tc_box" id="lb_pic">11111111</div>');
			}
			$("#lb_pic").load("addimgFodp.htm?dpid="+dpid,
					function() {
						$.fn.popDiv({
							tcID : "lb_pic",
							isZZ : true,
							speed : 200,
							noResize : false
						});
					});
		}
	    $(function(){
			$("#pager").pager({
				pagenumber : "${commentModel.currentPage}",
				pagecount : "${commentModel.totalPage}",
				buttonClickCallback : function(page) {
					location.href = "/picdoingshow.htm?plid=${plid}&page="+ page;
				}
			});
		});
	    
	/* function sendMsg(member) {
			
			$("#msgWindows").load("msgMember.htm?receiveId="+member,function(){
				$.fn.popDiv({
					tcID:"msgWindows",isZZ:false,speed:200,noResize:false
				});	
			});
			
		} */
    </script>
</body>
</html>
